<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐购-商品折扣券</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/purchase/paymentOK.min.css?v=<%=$version%>">
</head>
<body>
<div id="paymentOK" v-cloak>
    <header class="discount-header">
        <span class="goback" @click="getBack()"></span>
        {{name}}
    </header>
    <template v-if="type==1">
        <div class="paymentOK-top">
            <h6>支付成功</h6>
            <p>支付成功啦，券自动归到您的我的券中</p>
            <div class="paymentOK-topBtn">
                <span class="topBtn" @click="getNext(2)">立即使用</span>
                <!--<span>溢价出售</span>-->
            </div>
        </div>
        <div class="paymentOK-cent">
            <p>付款方式<span>乐币支付</span></p>
            <p>实际支付<span class="money">{{integral}}</span></p>
        </div>
    </template>
    <template v-if="type==2">
        <div class="paymentOK-top collageOK-top">
            <h6>发起成功</h6>
            <p class="collageOK-txt">还差<span>{{coupons.lastNum}}</span>人，赶快邀请好友来拼单吧！</p>
            <div class="collageInfo-cent">
                <div class="collageInfo-centImg">
                    <strong class="collageInfo-head" :style="bgimg(user.headImg)"></strong>
                    <strong class="collageInfo-icon"></strong>
                </div>
                <strong class="collageInfo-centBtn" @click="getShare()">邀请好友拼单</strong>
                <p>距离结束：{{hours}} : {{minutes}} : {{seconds}}</p>
            </div>
        </div>
    </template>
    <template v-if="type==3">
        <div class="paymentOK-top collageNo-top">
            <h6>发起失败</h6>
            <p class="collageOK-txt">您发起拼单的<span>乐币</span>不足，请充值！</p>
            <div class="paymentOK-topBtn">
                <span class="topBtn">返回首页</span>
                <span>去充值</span>
            </div>
        </div>
    </template>
    <div id="mask" :class="{'maskShow':isShare}"></div>
    <div id="maskBox" :class="{'maskShow':isShare}">
        <div class="maskBox-top">分享到</div>
        <div class="maskBox-cent">
            <span class="maskBox-icon" @click="getChoice(1)">好友</span>
            <!--<span class="maskBox-icon1" @click="getChoice(2)">圈子</span>-->
        </div>
        <div class="maskBox-btn" @click="getShare()">取消</div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/purchase/paymentOK.js?v=<%=$version%>"></script>
</body>
</html>